<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Shadow DOM Test - Content and shadow elements are both inserted.</title>
    <link rel="match" href="hosting-multiple-shadow-trees-006-ref.html">
    <link rel="author" title="Hiroyuki Hayashi" href="mailto:hyshhryk@gmail.com">
    <link rel="help" href="http://www.w3.org/TR/shadow-dom/#multiple-shadow-trees">
    <script src="../testcommon.js"></script>
    <meta name="assert" content="The <content> element assigns the original tree and the <shadow> element assigns an older shadow tree. They are both in the youngest shadow tree.">
  </head>
  <body>
    <div id='host'>
      <p>Original tree's node</p>
    </div>
  <script>
    var shadowRoot = host.createShadowRoot();
    shadowRoot.innerHTML = "<div><p>1st shadow tree's node</p></div>";
    var shadowRoot = host.createShadowRoot();
    shadowRoot.innerHTML = "<div><p>2nd shadow tree's node</p><content></content><shadow></shadow></div>";
  </script>
  </body>
</html>
